@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
.m-proSearch{
  background: $cbMainf5;
  height: 100%;
  position: absolute;
  width: 100%;
  overflow-y: auto;
  .proSearchMain{
    margin-top: $_10;
    border-radius: $_8;
    background: rgb(255, 255, 255);
    width: 100%;
    height:calc(100% - #{$_10});
  }
  .search{ 
    margin: 0 $_10;
    border-bottom: $_1 solid #e4e4e4; 
    .close{
      width: $_18;
      height: $_18;
      margin: $_10 0 ;
      opacity:1;
    }
    .iconSearch{
      width: $_18;
      height: $_18;
    }
    .input{
      border: none;
      padding-left: $_10 ;
      width: calc(100% - #{$_28});
      color: #838586;
      margin: $_5 0;
      overflow-y: auto;
    }
  }
     /*navtab3维度*/
   #tabList3{
    margin: $_20 0;
    .tabList{
      height: $_30;
      .tabItem{ 
        text-align: center;
        // padding: 0   $_10;  
      }
      .tabItem .value{
        font-size: $_16;
        color: #585859;
        letter-spacing: $_1; 
        padding-bottom: $_5; 
      }
      .tabItem.active .value{
        color: $cMain;
        border-bottom: $_2 solid $cMain;
        // width: $_85;
        // padding: $_12 0;
        // background: url('../img/home/btn_change.png') no-repeat;
        // background-position-y: $_9;
        // background-size: $_85 $_33;
      }
    }
  }

  /*标签swiper*/
  #proCatSwiper{
    // padding: 0 $_10;
    width: 100%;
    height: calc(100% - #{$_150});
    .name{
      font-size: $_18;
      color: #585859;
      letter-spacing: $_1;
      margin: $_10 ;
    }
    
   
  }
}

.m-proSearch .content{
  position: absolute;
  // top: 0;
  overflow-y: auto;
  height: 100%;
  width: 100%;
 
}
.tagDiv{
  margin: $_10;
  width: calc(100% - #{$_20});
  .tag{
      color: #838586;
      padding: $_6 $_10;
      background: #EAEDF0;
      border-radius: $_3;
      margin: $_10 $_20 $_10 0;
  }
  .tag.active{
    color: #fff;
    background: $cMain;
  }
}